<!DOCTYPE html>
<html lang="en">

	<head>
		<link rel="icon" type="image/png" href="assets/img/旅游.png" />
		<title>旅心 —— 大学生旅游</title>

		<!-- Meta tag Keywords -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!--// Meta tag Keywords -->

		<!-- pop up box -->
		<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
		<!-- //pop up box -->

		<link rel="stylesheet" href="css/jquery.desoslide.css">

		<!-- css files -->
		<link rel="stylesheet" href="css/bootstrap.css">
		<!-- Bootstrap-Core-CSS -->
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
		<!-- Style-CSS -->
		<link rel="stylesheet" href="css/font-awesome.css">
		<!-- Font-Awesome-Icons-CSS -->
		<!-- //css files -->

		<link rel="stylesheet" href="css/jquery-ui.css" />
		<!-- web-fonts -->
		<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
		<!-- //web-fonts -->

	</head>

	<body>

		<!--Header-->
		<header>
			<div class="container agile-banner_nav">
				<div class="row header-top">
					<div class="col-md-5 top-left p-0">
						<p><i class="fa fa-phone" aria-hidden="true"></i> Call us : 17866631279 </p>
					</div>
					<div class="col-md-7 top-right p-0">
						<p><i class="fa fa-map-marker" aria-hidden="true"></i> 青岛,崂山区
					</div>

				</div>
				<div style="color: #f1fff1;position: absolute;right:80px;top:47px;"><a href="register.html" style="color: #f1fff1;">注册</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" style="color: #f1fff1;">登录</a></div>
				<nav class="navbar navbar-expand-lg navbar-light bg-light">

					<h1 style="position: absolute;top:25px;"><a class="navbar-brand" href="index.html">旅心</a></h1>
					<div style="position: absolute;top:100px;left: 130px;" >
						<h5 class="navbar-simple">&nbsp一家专注于在校大学生旅游的网站&nbsp</h5>
					</div>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
			</button>

					<div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
						<ul class="navbar-nav ml-auto" style="position:absolute; top:20px;right: 20px;">
							<li class="nav-item active">
								<a class="nav-link" href="index.html">主页 <span class="sr-only">(current)</span></a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="about.html">关于</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="services.html">服务</a>
							</li>
							<li class="dropdown nav-item">
								<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">分类
									<b class="caret"></b>
								</a>
								<ul class="dropdown-menu agile_short_dropdown">
									<li>
										<a href="pricing.html">定价计划</a>
									</li>
									<li>
										<a href="choice.html">路线选择</a>
									</li>
									<li>
										<a href="choice.html">预定机票</a>
									</li>
									<li>
										<a href="choice.html">预定酒店</a>
									</li>
									<li>
										<a href="choice.html">周边商品推荐</a>
									</li>
								</ul>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="projects.html">推介</a>
							</li>
							<li class="nav-item pr-lg-0">
								<a class="nav-link pr-lg-0" href="contact.html">联系</a>
							</li>
						</ul>
					</div>
				</nav>
			</div>
		</header>
		<!--Header-->

		<!-- banner-text -->
		<div class="slider">
			<div class="callbacks_container">
				<ul class="rslides callbacks callbacks1" id="slider4">
					<li>
						<div class="banner-top">
							<div class="layer">
								<div class="container">
									<div class="banner-info_agile_w3ls">
										<h2>旅行需要一次好的 <span> 计划</span>. </h2>
										<p>专属大学生的假日套餐和特别优惠.</p>
										<a href="about.html" class="mr-2">了解更多 <i class="fa fa-caret-right" aria-hidden="true"></i></a>
										<a href="contact.html">联系我们 <i class="fa fa-caret-right" aria-hidden="true"></i></a>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="banner-top1">
							<div class="layer">
								<div class="container">
									<div class="banner-info_agile_w3ls">
										<h3>最佳的大学生旅游 <span> 网站</span> </h3>
										<p>我们的专业平台会为您推荐最最适合您的火车票、机票、酒店以及旅游行程</p>
										<a href="about.html" class="mr-2">了解更多 <i class="fa fa-caret-right" aria-hidden="true"></i></a>
										<a href="contact.html">联系我们 <i class="fa fa-caret-right" aria-hidden="true"></i></a>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="banner-top2">
							<div class="layer">
								<div class="container">
									<div class="banner-info_agile_w3ls">
										<h3>来发现 <span>最美</span> 圣地.</h3>
										<p>注册来领取更多专属大学生的折扣.</p>
										<a href="about.html" class="mr-2">了解更多 <i class="fa fa-caret-right" aria-hidden="true"></i></a>
										<a href="contact.html">联系我们 <i class="fa fa-caret-right" aria-hidden="true"></i></a>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="banner-top3">
							<div class="layer">
								<div class="container">
									<div class="banner-info_agile_w3ls">
										<h3>旅行就像 <span>呼吸</span>.</h3>
										<p>每周都会限量发行旅游套票，先到先得！</p>
										<a href="about.html" class="mr-2">了解更多 <i class="fa fa-caret-right" aria-hidden="true"></i></a>
										<a href="contact.html">联系我们 <i class="fa fa-caret-right" aria-hidden="true"></i></a>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="clearfix"> </div>

			<!-- Social Icons -->
			<div class="w3_agileits_social_media">
				<ul>
					<li>
						<a href="#" class="wthree_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
					</li>
					<li>
						<a href="#" class="wthree_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
					</li>
					<li>
						<a href="#" class="wthree_qq"><i class="fa fa-qq" aria-hidden="true"></i></a>
					</li>
					<li>
						<a href="#" class="wthree_weixin"><i class="fa fa-weixin" aria-hidden="true"></i></a>
					</li>
				</ul>
			</div>
			<!-- //Social Icons -->

			<!-- To bottom button-->
			<div class="thim-click-to-bottom">
				<div class="rotate">
					<a href="#booking" class="scroll">
						<i class="fa fa-ellipsis-v"></i>
					</a>
				</div>
			</div>
			<!-- //To bottom button-->
		</div>
		<!--//Slider-->

		<!-- booking form -->
		<section class="booking py-5" id="booking">
			<h1 class="text-center mb-4">Search Your Tour</h1>
			<h6>&nbsp;</h6>
<!--			<h4 class="text-center mb-4">长途</h4>-->
			<div class="container">
				<div class="book-form">
					<form action="CustomizationA.html" method="post">
						<div class="row">
							<div class="col-md-3 col-sm-6 col-6 px-2 form-time-w3layouts editContent">
								<label class="editContent"><span class="fa fa-user" aria-hidden="true"></span> 姓名</label>
								<input type="text" placeholder="姓名" required>
							</div>
							<div class="col-md-3 col-sm-6 col-6 px-2 form-date-w3-agileits editContent">
								<label class="editContent"><span class="fa fa-map-marker" aria-hidden="true"></span> 旅游地点</label>
								<select class="form-control">
									<option>目的地</option>
									<option>北京</option>
									<option>上海</option>
									<option>广州</option>
									<option>深圳</option>
									<option>成都</option>
									<option>青岛</option>
									<option>威海</option>
									<option>兰州</option>
									<option>枣庄</option>
								</select>
							</div>
							<div class="col-md-2 col-sm-4 col-6 px-2 form-left-agileits-w3layouts editContent">
								<label class="editContent"><span class="fa fa-bus" aria-hidden="true"></span> 出发</label>
								<div class="agileits_w3layouts_main_gridl">
									<input class="date has Datepicker" id="datepicker" name="Text" type="text" value="时间" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '设置时间';}" required>
								</div>
							</div>
							<div class="col-md-2 col-sm-4 col-6 px-2 form-left-agileits-w3layouts editContent">
								<label class="editContent"><span class="fa fa-bus" aria-hidden="true"></span> 回归</label>
								<div class="agileits_w3layouts_main_gridl">
									<input class="date has Datepicker" id="datepicker1" name="Text" type="text" value="返回时间" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '设置时间';}" required>
								</div>
							</div>
							<div class="col-md-2 px-2 col-sm-4 col-6 form-left-agileits-submit editContent">
								<input type="submit" value="搜索">
							</div>
						</div>
					</form>
				</div>

<!--				<h4>&nbsp;</h4>-->
<!--				<h4>&nbsp;</h4>-->
<!--				<h4 class="text-center mb-4">周边游(一日)</h4>-->
<!--				<div class="book-form">-->
<!--					<form action="#" method="post">-->
<!--						<div class="row">-->
<!--							<div class="col-md-3 col-sm-6 col-6 px-2 form-time-w3layouts editContent">-->
<!--								<label class="editContent"><span class="fa fa-user" aria-hidden="true"></span> 姓名</label>-->
<!--								<input type="text" placeholder="姓名" required>-->
<!--							</div>&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--							<div class="col-md-3 col-sm-6 col-6 px-2 form-date-w3-agileits editContent">-->
<!--								<label class="editContent"><span class="fa fa-map-marker" aria-hidden="true"></span> 旅游地点</label>-->
<!--								<select class="form-control">-->
<!--									<option>目的地</option>-->
<!--									<option>成都</option>-->
<!--									<option>青岛</option>-->
<!--									<option>威海</option>-->
<!--									<option>北川</option>-->
<!--									<option>枣庄</option>-->
<!--								</select>-->
<!--							</div>&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--							<div class="col-md-2 col-sm-4 col-6 px-2 form-left-agileits-w3layouts editContent">-->
<!--								<label class="editContent"><span class="fa fa-bus" aria-hidden="true"></span> 日期</label>-->
<!--								<div class="agileits_w3layouts_main_gridl">-->
<!--									<input class="date has Datepicker" id="datepicker" name="Text" type="text" value="时间" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '设置时间';}" required>-->
<!--								</div>-->
<!--							</div>&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--							<div class="col-md-2 px-2 col-sm-4 col-6 form-left-agileits-submit editContent">-->
<!--								<input type="submit" value="搜索">-->
<!--							</div>-->
<!--						</div>-->
<!--					</form>-->
<!--				</div>-->

			</div>
		</section>
		<!-- //booking form -->

		<!-- booking bottom -->
		<section class="bottom py-5">
			<div class="container">
				<div class="row bottom-grids">
					<div class="col-md-6 grid1">
						<h3 class="mb-4">与我们一起旅游世界</h3>
						<a href="#">了解更多</a>
					</div>
					<div class="col-md-3 video-play">
						<!-- video -->
						<div class="video-grid1 mt-4">
							<div class="demo-bg1">
								<div class="pop-bg position-relative">
									<div class="arrow-container animated fadeInDown">
										<a href="#small-dialog1" class="arrow-2 popup-with-zoom-anim">
											<i class="fa fa-play"></i>
										</a>
										<div class="arrow-1 animated hinge infinite zoomIn"></div>
									</div>
									<h4 class="mt-3">Watch video</h4>
									<!--  video-button-popup -->
									<div id="small-dialog1" class="mfp-hide">
										<div class="agileits_modal_body">
											<iframe src=""></iframe>
										</div>
									</div>
									<!-- // video-button-popup -->
								</div>
							</div>
						</div>

					</div>
					<div class="col-md-3 mt-md-0 mt-4">
						<img src="images/off.jpg" alt="" class="img-fluid" />
					</div>
				</div>
			</div>
		</section>
		<!-- //booking bottom -->

		<!-- welcome -->
		<section class="welcome py-5">
			<div class="container py-3">
				<h3 class="heading text-center mb-md-5 mb-4"> 关于我们 </h3>
				<div class="row welcome-grids">
					<div class="col-lg-6">
						<h4 class="mb-3">欢迎来到旅游世界</h4>
						<h3>记住，幸福是一种旅行方式，而不是目的地。</h3>
						<p class="my-4">在旅心，您可以尽情选择最佳、最省、最豪、最近路线.我们为您提供方案，您选择！</p>
						<a href="#">了解更多</a>
					</div>
					<div class="col-lg-6 mt-lg-0 mt-5 welcome-grid3">
						<div class="position">
							<img src="images/banner1.jpg" alt="" class="img-fluid" />
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- //welcome -->

		<!-- /services -->
		<section class="featured_services py-5">
			<div class="container py-3">
				<h3 class="heading text-center mb-5">推介</h3>
				<div class="row agile_inner_info">
					<div class="col-lg-4 col-md-6 w3_agile_services_grid">
						<div class="agile_services_grid">
							<div class="hover06 column">
								<div>
									<figure><img src="images/s1.jpg" alt=" " class="img-responsive"></figure>
								</div>
							</div>
							<div class="agile_services_grid_pos">
								<i class="fa fa-globe" aria-hidden="true"></i>
							</div>
						</div>
						<h4>北川九皇山</h4>
						<p>景区集人文与自然之大成，以古朴的西羌文化为主线，完整地保留、真实地再现了史称南蛮、北狄、东夷、西羌之一的、且如今唯一尚存的古老的西羌文化遗迹与生活习俗，是体验西羌风情、休闲、度假、从事商务、会议、科考及保健、养生的综合性景区。</p>
					</div>
					<div class="col-lg-4 col-md-6 mt-md-0 mt-5 w3_agile_services_grid">
						<div class="agile_services_grid">
							<div class="hover06 column">
								<div>
									<figure><img src="images/s2.jpg" alt=" " class="img-responsive"></figure>
								</div>
							</div>
							<div class="agile_services_grid_pos">
								<i class="fa fa-suitcase" aria-hidden="true"></i>
							</div>
						</div>
						<h4>北川药王谷</h4>
						<p>药王谷位于绵阳市北川羌族自治县与江油市接壤的药王山上，海拔1400～2000米，度假区总面积约10平方公里。药王谷紧靠九环东线（江油—平武），距李白故里江油市23公里，距绵阳市64公里，距成都市166公里。</p>
					</div>
					<div class="col-lg-4 col-md-6 mt-lg-0 mt-5 w3_agile_services_grid">
						<div class="agile_services_grid">
							<div class="hover06 column">
								<div>
									<figure><img src="images/s3.jpg" alt=" " class="img-responsive"></figure>
								</div>
							</div>
							<div class="agile_services_grid_pos">
								<i class="fa fa-bed" aria-hidden="true"></i>
							</div>
						</div>
						<h4>成都西岭雪山</h4>
						<p>西岭雪山，位于四川省成都市大邑县境内，距成都仅95公里，总面积483平方公里，属世界自然遗产、大熊猫栖息地、AAAA级旅游景区、国家重点风景名胜区。因唐代大诗人杜甫的千古绝句“窗含西岭千秋雪，门泊东吴万里船”而得名。景区内有终年积雪的大雪山，海拔5353米，为成都第一峰。</p>
					</div>
					<div class="mx-auto mt-lg-4 mt-5 text-center">
						<a href="projects.html">查看更多</a>
					</div>
				</div>
			</div>
		</section>
		<!-- //services -->

		<!--/middle-->
		<section class="middle-sec-agileinfo-w3ls py-5">
			<div class="container py-3">
				<h3 class="heading text-center mb-5"> 最新的旅游博客 </h3>
				<div class="row inner-sec">
					<div class="col-lg-4 col-md-6 news-left">
						<ul id="demo1_thumbs" class="list-inline">
							<li>
								<a href="images/banner1.jpg">
									<img src="images/b1.jpg" alt="" data-desoslide-caption="<h3>最新的文章 1</h3>">
									<div class="mid-text-info">
										<h4>驴友七号</h4>
										<p class="font-italic">两天前 </p>
									</div>
								</a>
							</li>
							<li>
								<a href="images/banner11.jpg">
									<img src="images/b11.jpg" alt="" data-desoslide-caption="<h3>最新的文章 2</h3>">
									<div class="mid-text-info">
										<h4>小菜瓜</h4>
										<p class="font-italic">两天前</p>
									</div>
								</a>
							</li>
							<li>
								<a href="images/banner10.jpg">
									<img src="images/b10.jpg" alt="" data-desoslide-caption="<h3>最新的文章 2</h3>">
									<div class="mid-text-info">
										<h4>千纸鹤</h4>
										<p class="font-italic">三天前 </p>
									</div>
								</a>
							</li>
							<li>
								<a href="images/banner5.jpg">
									<img src="images/b5.jpg" alt="" data-desoslide-caption="<h3>最新的文章 3</h3>">
									<div class="mid-text-info">
										<h4>Ming</h4>
										<p class="font-italic">五天前 </p>
									</div>
								</a>
							</li>
							<li>
								<a href="images/banner4.jpg">
									<img src="images/b4.jpg" alt="" data-desoslide-caption="<h3>最新的文章 4</h3>">
									<div class="mid-text-info">
										<h4>端木木木木大佐</h4>
										<p class="font-italic">两天前 </p>
									</div>
								</a>
							</li>
						</ul>
					</div>
					<div id="demo1_main_image" class="col-lg-8 col-md-6 news-right">
						<h4 class="text-uppercase mb-4">Happy Travelling </h4>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>

		</section>
		<!--//middle-->

		<!-- team -->
		<div class="team py-5">
			<div class="agile_dot_info two">
				<div class="container">
					<h3 class="heading text-center mb-5">我们的团队</h3>
					<div class="row agileits_team_grids">
						<div class="col-lg-3 col-sm-6 agileits_team_grid">
							<div class="agileits_team_grid_figure">
								<img src="images/b1.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="agileits_team_grid_figure_social">
								<ul class="w3ls_social">
									<li>
										<a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
									</li>
									<li>
										<a href="#" class="w3_agile_qq"><i class="fa fa-qq" aria-hidden="true"></i></a>
									</li>
								</ul>
							</div>
							<div class="clearfix"> </div>
							<h4> 朱笑 <span></span></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati dolorem magnam natus inventore ea ad sequi sit et reiciendis eveniet possimus at suscipit rerum quae officiis consectetur ex laborum dolores.</p>
						</div>

						<div class="col-lg-3 col-sm-6 agileits_team_grid">
							<div class="agileits_team_grid_figure">
								<img src="images/b11.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="agileits_team_grid_figure_social">
								<ul class="w3ls_social">
									<li>
										<a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
									</li>
									<li>
										<a href="#" class="w3_agile_qq"><i class="fa fa-qq" aria-hidden="true"></i></a>
									</li>
								</ul>
							</div>
							<div class="clearfix"> </div>
							<h4> 刘子婵 <span></span></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati dolorem magnam natus inventore ea ad sequi sit et reiciendis eveniet possimus at suscipit rerum quae officiis consectetur ex laborum dolores.</p>
						</div>

						<div class="col-lg-3 col-sm-6 agileits_team_grid">
							<div class="agileits_team_grid_figure">
								<img src="images/b10.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="agileits_team_grid_figure_social">
								<ul class="w3ls_social">
									<li>
										<a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
									</li>
									<li>
										<a href="#" class="w3_agile_qq"><i class="fa fa-qq" aria-hidden="true"></i></a>
									</li>
								</ul>
							</div>
							<div class="clearfix"> </div>
							<h4>李美琪 <span></span></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum modi molestiae vel quo inventore dolore adipisci sint nesciunt cum beatae ullam incidunt consequatur perferendis delectus debitis nam at consequuntur ipsam? </p>
						</div>

						<div class="col-lg-3 col-sm-6 agileits_team_grid">
							<div class="agileits_team_grid_figure">
								<img src="images/b5.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="agileits_team_grid_figure_social">
								<ul class="w3ls_social">
									<li>
										<a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
									</li>
									<li>
										<a href="#" class="w3_agile_qq"><i class="fa fa-qq" aria-hidden="true"></i></a>
									</li>
								</ul>
							</div>
							<div class="clearfix"> </div>
							<h4> 王凯璇 <span></span></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus tenetur odio commodi mollitia sequi consectetur explicabo distinctio veritatis hic quos quia provident non dolore cumque voluptatem enim magnam reprehenderit omnis.</p>
						</div>

						<div class="col-lg-3 col-sm-6 agileits_team_grid">
							<div class="agileits_team_grid_figure">
								<img src="images/b4.jpg" alt=" " class="img-responsive" />
							</div>
							<div class="agileits_team_grid_figure_social">
								<ul class="w3ls_social">
									<li>
										<a href="#" class="w3_agile_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
									</li>
									<li>
										<a href="#" class="w3_agile_qq"><i class="fa fa-qq" aria-hidden="true"></i></a>
									</li>
								</ul>
							</div>
							<div class="clearfix"> </div>
							<h4> 林楠翔 <span></span></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati dolorem magnam natus inventore ea ad sequi sit et reiciendis eveniet possimus at suscipit rerum quae officiis consectetur ex laborum dolores. </p>
						</div>

					</div>
				</div>
			</div>
		</div>
		<!-- //team -->

		<!-- footer -->
		<footer class="py-5">
			<div class="container py-md-3">
				<div class="row footer-grids pb-md-5 pb-3">
					<div class="col-md-3 col-sm-6 col-6">
						<a href="#"> <i class="fa fa-phone"></i>电话</a>
					</div>
					<div class="col-md-3 col-sm-6 col-6">
						<a href="#"> <i class="fa fa-envelope"></i>邮件</a>
					</div>
					<div class="col-md-3 col-sm-6 col-6 mt-md-0 mt-2">
						<a href="#"> <i class="fa fa-qq"></i>QQ</a>
					</div>
					<div class="col-md-3 col-sm-6 col-6 mt-md-0 mt-2">
						<a href="#"> <i class="fa fa-comment"></i>在线咨询</a>
					</div>
				</div>

				<div class="subscribe-grid text-center">
					<p class="para three mt-4">旅心团队 </p>
					<h5>订阅我们的最新消息</h5>
					<p>预定
						<span>九折</span> 优惠</p>
					<form action="#" method="post">
						<input class="form-control" type="email" placeholder="预定" name="预定" required>
						<button class="btn1">
					<i class="fa fa-paper-plane"></i>
				</button>
					</form>
				</div>
			</div>
		</footer>
		<!-- //footer -->

		<!-- copyright -->
		<section class="copyright py-4 text-center">
			<div class="container">
				<p>Copyright &copy; 2021 LNX All rights reserved.
				</p>
			</div>
		</section>
		<!-- //copyright -->

		<!-- js-scripts -->

		<!-- js -->
		<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<!-- Necessary-JavaScript-File-For-Bootstrap -->
		<!-- //js -->

		<!-- desoslide-JavaScript -->
		<script src="js/jquery.desoslide.js"></script>
		<script>
			$('#demo1_thumbs').desoSlide({
				main: {
					container: '#demo1_main_image',
					cssClass: 'img-responsive'
				},
				effect: 'sideFade',
				caption: true
			});
		</script>

		<!-- Calendar -->
		<script src="js/jquery-ui.js"></script>
		<script>
			$(function() {
				$("#datepicker,#datepicker1").datepicker();
			});
		</script>
		<!-- //Calendar -->

		<!-- banner slider -->
		<script src="js/responsiveslides.min.js"></script>
		<script>
			$(function() {
				$("#slider4").responsiveSlides({
					auto: true,
					pager: true,
					nav: true,
					speed: 1000,
					namespace: "callbacks",
					before: function() {
						$('.events').append("<li>before event fired.</li>");
					},
					after: function() {
						$('.events').append("<li>after event fired.</li>");
					}
				});
			});
		</script>
		<!-- //banner slider -->

		<!--pop-up-box -->
		<script src="js/jquery.magnific-popup.js"></script>
		<script>
			$(document).ready(function() {
				$('.popup-with-zoom-anim').magnificPopup({
					type: 'inline',
					fixedContentPos: false,
					fixedBgPos: true,
					overflowY: 'auto',
					closeBtnInside: true,
					preloader: false,
					midClick: true,
					removalDelay: 300,
					mainClass: 'my-mfp-zoom-in'
				});
			});
		</script>
		<!-- //pop-up-box -->

		<!-- start-smoth-scrolling -->
		<script src="js/SmoothScroll.min.js"></script>
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>
		<!-- here stars scrolling icon -->
		<script type="text/javascript">
			$(document).ready(function() {
				/*
					var defaults = {
					containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
					};
				*/

				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>
		<!-- //here ends scrolling icon -->
		<!-- start-smoth-scrolling -->

		<!-- //js-scripts -->

	</body>

</html>